<template>
  <view class="container">
    <view class="title">
      2025 Beijing SMIC School Foreign Teachers' Reservation Platform
    </view>
    <view class="blank"></view>

    <view style="display: flex; justify-content: center;">
      <view style="width: 120px; height: 120px; padding: 20px;">
        <svg t="1714445491967" class="icon" viewBox="0 0 1024 1024" version="1.1"
             xmlns="http://www.w3.org/2000/svg" p-id="4260" width="120" height="120">
          <path
              d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m-49.590857-377.197714L315.977143 498.614857 219.428571 590.848c70.217143 37.814857 168.594286 106.788571 252.854858 213.723429C531.821714 692.662857 715.337143 463.725714 804.571429 443.245714c-14.409143-57.709714-22.528-166.034286 0-223.817143-183.003429 120.685714-342.162286 427.373714-342.162286 427.373715z"
              fill="#42b983" p-id="4261"></path>
        </svg>
      </view>
    </view>

    <view>
      <h4>Congratulations! Your appointment has been successfully booked! Please arrive at our facility on time for your
        examination as scheduled. Thank you for your cooperation.</h4>
    </view>

    <view class="blank"></view>

    <view>
      <h4>Appointment information:</h4>
    </view>

    <view class="blank"></view>
    <view class="appointment-info">
      <view>Your name: <span>{{ dataObj.username }}</span></view>
      <view>ID number: <span>{{ dataObj.idNumber }}</span></view>
      <view>Phone number: <span>{{ dataObj.phoneNumber }}</span></view>
      <view>Appointment date for the medical examination: <span>{{ dataObj.appointmentTime }}</span></view>
    </view>

    <view class="blank"></view>

    <view>
      <h4>
        If you have any questions, you can contact the physical examination department of the hospital,
        Contact number of the physical examination center: 69079197/9488
      </h4>
    </view>

    <view class="blank"></view>
    <view>
      Click the 'x' in the upper right corner to close the webpage. Thank you.
    </view>

    <view class="blank"></view>

    <!--    //-->
  </view>
</template>

<script>
import {request} from "@/utils/requestV2";

export default {
  data() {
    return {
      loading: false,
      id: '',
      dataObj: {},
    }
  },
  onLoad(option) {
    this.id = option.id
    this.init(option.id)
  },
  methods: {
    async init(id) {
      let res = await request("/biz/bizPhysicalExamination/getById?id=" + id)
      if (res.code === 200) {
        this.dataObj = res.data
      }
    },


  }
  //
}
</script>

<style lang="scss" scoped>
.container {
  font-size: 14px;
  padding: 30px 15px;
  color: #333333;
  line-height: 25px;
}

.title {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.appointment-info span {
  font-size: 14px;
  font-weight: bold;
  margin-left: 15px;
}


</style>